<template>
  <view class="gx-page">
    <view
      class="gx-item"
      v-for="(item, index) in menuList"
      :key="index"
      @click="$toPage(item.url)"
    >
      <img
        :src="require(`@/static/${item.img}`)"
        style="width: 100%; height: 100px"
      />
    </view>
  </view>
</template>

<script>
export default {
  name: 'wx_pages_llhz_index',
  data() {
    return {
      menuList: [
        {
          img: 'gxnn.png',
          url: '/pages/llhz/sharedGrandmother',
        },
        {
          img: 'bbdb.png',
          url: '/pages/fzbz/todoList',
        },
        {
          img: 'zwgk.png',
          url: '/pages/llhz/governmentPublic',
        }
      ],
    }
  },
  methods: {},
}
</script>
<style lang="scss" scoped>
.gx-page {
  box-sizing: border-box;
  min-height: 100vh;
  overflow: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  .gx-item {
    width: 100%;
  }
}
</style>
